<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Load Event Example</title>
    <!-- inclue some CSS style sheet to make everything look a little nicer -->
    <link rel="stylesheet" type="text/css" href="../../shared/source.css" />
    <link rel="stylesheet" type="text/css" href="../chapter.css" />
    <link rel="stylesheet" type="text/css" href="load.css" />
    
    <!-- ADS Library (full version from source linked here) -->
    <script type="text/javascript" src="../../ADS-final-verbose.js"></script>

    <!-- Log object from Chapter 2 (full version from source linked here) -->
    <script type="text/javascript" 
        src="../../chapter2/myLogger-final/myLogger.js"></script>

    <!-- A quick testing file -->
    <script type="text/javascript" src="load.js"></script>
</head>
<body>
<h1>Load Events</h1>
<ul id="nav">
	<li><a href="../image-load/image-load.html">Image-Load</a></li>
	<li><a href="../click/click.html">Click</a></li>
	<li><a href="../move/move.html">Move</a></li>
	<li><a href="../address/address.html">Address Form</a></li>
	<li><a href="../follow/follow.html">Follow</a></li>
	<li><a href="../flow/flow.html">Flow</a></li>
	<li><a href="../keys/keys.html">Key Press</a></li>
	<li><a href="../load/load.html">addLoadEvent</a></li>
</ul>
<div id="content">
    <p>The page has 2 load events. One useing ADS.addEvent() and the other
    using ADS.addLoadEvent(). The latter will run before the large image
    finishes loading.</p>
	<h2>A large inline image from the NASA web site</h2>
	<div>
		<img id="inline-image" 
			src="http://veimages.gsfc.nasa.gov/2429/globe_west_2048.jpg"/>
	</div>
</div>

<div id="where-from">
	From <a href="http://advanceddomscripting.com" title="AdvancED DOM Scripting">AdvancED DOM Scripting</a> 
	| <a href="http://www.amazon.com/exec/obidos/ASIN/1590598563/jeffreysamb05-20" title="Buy it on Amazon">Paperback</a>
</div>
</body>

</html>
